.avatar-detail {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 94px;
  width: 100vw;
  &.unlogin {
    .unlogin-notice {
      font-size: 15px;
      font-family: MicrosoftYaHei;
      color: #ffffff;
      margin-top: 13px;
    }
    svg,
    img {
      width: 60px;
      height: 60px;
    }
  }
  &.login {
    flex-direction: row;
    // align-items: normal;
    justify-content: space-between;
    position: absolute;
    top: 87px;
    position: absolute;
    width: 100vw;
    padding: 0 28px;
  }
}
